<%- include head %>
<div class="navbar1">
  <div class="w_1">
      <div class="logo fl">
          <a href="/index"><img src="/images/logo.png"></a>
          <span style="font-size:22px;font-family:'kaiti'">健康公众号服务系统</span>
        </div>
        <div class="fr">
          <ul class="navbar1">
              <li>用户名:<%=username %></li>
                <li class="spacer"></li>
              <li><a href="/login">退出</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="first-screen">
</div>
<div class="w">
    <div class="main">
        <div class="item fore">
          <a href="/kefu/admin">
            <div><img src="images/kefu.jpg" width="200px" height="150px"></div>
            <span>在线解答</span>
            <p>将用户与医师直接通过该方式进行连接，实现用户与在线医师的一对一实时问题交流与咨询。</p>
          </a>
        </div>
        <div class="item">
            <a href="/question">
              <div><img src="images/ques.jpg" width="200px" height="150px"></div>
              <span>问题回复</span>
              <p>将用户在微信公众号中留言的问题通过该方式进行一对一反馈用户。</p>
            </a>
        </div>
        <div class="item">
          <a href="/answer_all">
            <div><img src="images/qunfa.jpg" width="200px" height="150px"></div>
            <span>群发消息</span>
            <p>直接编辑消息，通过该方式发送给全部关注微信公众号的用户。</p>
          </a>
        </div>
    </div>
</div>
<div class="footer">
  <p>咨询热线 12345678</p>
  <p>
      版权所有 个人用户：fantasygao
  </p>
</div>
<!--焦点图-->
<script type="text/javascript">
    seajs.use(['jdf/1.0.0/ui/switchable/1.0.0/switchable'],function(){ 
        $('#focus').switchable({ 
            type:'focus', 
            navItem:'ui-switchable-item', 
            navSelectedClass:'ui-switchable-selected', 
            contentClass:'ui-switchable-panel-main',//主体 
            mainClass:'ui-switchable-panel', 
            autoPlay:true
        }); 
    }); 
</script>
<style>
#focus .item{position:absolute; width:100%; left:0; top:0; overflow:hidden; height:434px;}
#focus .item .i-wrap{width:1200px; height:100%; margin:0 auto; overflow:hidden; position:relative;}
img{border:none; vertical-align:middle;}
body,div,ul,ol,li,h4,dl,dt,dd,p,h1,h2,h3,h4,h5{margin:0;padding:0}img{border:0}ul{list-style:none}
body{font-size:12px;color:#333;font-family:\5FAE\8F6F\96C5\9ED1}
.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr{zoom:1;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
a{text-decoration:none;}
body{font:14px/150%; font-family:Microsoft YaHei}
.clearfix::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clear, .clr{ clear: both;display: block;height: 0; line-height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.first-screen{margin-bottom:40px; position:relative; z-index:2; overflow:hidden; height:40px; background:url(../img/banner_bg.png) repeat-x;}
.slider-trigger{bottom:0; font-size:0; height:16px; padding:10px 0; position:absolute; text-align:center; width:100%; z-index:2;}
.slider-trigger .slider-nav{width:280px; margin:0 auto;}
.slider-trigger .slider-nav a{display:inline-block;width:33px;height:6px;overflow:hidden;margin:0 5px;background:#fff;opacity:.2;filter:alpha(opacity=20);cursor:pointer;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease
}
.slider-trigger .slider-nav a.ui-switchable-selected{opacity:1;filter:alpha(opacity=100)}
.i-wrap .slider-banner{height:462px; width:250px; z-index:6; position:absolute; left:960px}
.i-wrap .slider-banner li{margin-top:10px;}
.i-wrap .slider-banner li.fore{margin-top:18px;}
.i-wrap ul{float:right; width:250px;}
.i-wrap .i-inner{position:absolute; height:100%; width:1200px;}
.i-wrap .i-link{display:block; height:100%;overflow:hidden; position:absolute; top:0; width:100%; z-index:2;}

.navbar1{background:#eee; height:66px;}
.w_1{width:1300px; margin:0 auto;}
.w{width:1200px; margin:0 auto;}
.logo{padding-top:10px;}
.logo img{width: 180px;height:47.3px;}
.navbar1 a{color:#666; font-size:14px;}
.navbar1 li{float:left; height:40px; line-height:40px; padding:10px 10px 0; font-size:14px;}
.navbar1 li.fore{margin-right:10px}
.navbar1 li.spacer{background:#ddd; height:12px; margin-top:25px;padding:10px; overflow:hidden; padding:0; width:1px;}
.main{overflow:hidden; margin:0 9px 40px 9px;}
.main .item{float:left; width:368px; height:418px; border:1px solid #d2d2d2; margin-left:34px;color:#000;}
.main .item.fore{margin-left:0;}
.main .item span{text-align:center; display:block; line-height:70px; font-size:20px; margin-bottom:10px;color:black;}
.main .item div{text-align:center; display:inline-block; width:200px; padding:35px 35px 10px;margin: 10px 54px;}
.main .item p{padding:0 28px; font-size:14px; line-height:22px;color:black;text-decoration:none}
.footer{background:#202020; height:65px; text-align:center; color:#666;}
.footer p{line-height:30px;}
</style>

<%- include foot %>

